<!--
 * @Author: 卓晓松 729519678@qq.com
 * @Date: 2022-07-28 15:48:52
 * @LastEditors: 卓晓松 729519678@qq.com
 * @LastEditTime: 2022-07-28 15:58:25
 * @FilePath: \raspi-app-v2\src\views\BuildingB.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="item_information">
    <!-- 放置树莓派信息容器组件 -->
    <!-- A棟树莓派 -->
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
    <SimpleInfoContainer>
      <SimpleRaspiInfo></SimpleRaspiInfo>
    </SimpleInfoContainer>
  </div>
</template>

<script>
// 引入A棟樹莓派組件
import SimpleInfoContainer from "@/components/simpleInfo/SimpleInfoContainer.vue";
import SimpleRaspiInfo from "@/components/simpleInfo/SimpleRaspiInfo.vue";
export default {
  components: {
    SimpleInfoContainer,
    SimpleRaspiInfo,
  },
};
</script>

<style lang="less">
.item_information {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
</style>